$top-blue:#00b7ee;
$bottom-blue:#00b7ee;
@mixin box-type ($w, $h, $bgc:transparent){
    width: $w;
    height: $h;
    background-color: $bgc;
}   

   header{
       .top-Rectangles{
           @include box-type(1000px,24px ,$top-blue );
       }
       .top-nav{
           @include box-type(1000px,116px ,transparent );
           display:flex;
           .logo{
               background-image: url(../img/p1/logo.png);
               margin: 38px 70px 15px 73px ;
               @include box-type(121px,63px ,transparent );
           }
           .menu-bar{
              display: flex;
              @include box-type(396px,15px ,transparent );
              margin: 76px 48px 25px 0;
              p{
                  display: flex;
                  margin: 0;
                  a{
                      display: flex;
                      text-decoration: none;
	                     font-family: MicrosoftYaHei;
	                     font-size: 14px;
                        font-weight: bold;
                        font-stretch: normal;
 	                    letter-spacing: 0px;
                        color: #000000;
                        margin-left: 12px;
                   }
              }
           }
           .search{
               @include box-type(216px,30px ,pink );
               border:1px solid #000;
               margin-top: 69px;
             margin-bottom: 17px;
             position: relative;   
             .search-logo{
                 position: absolute;
                 top: 5px;
                 right: 8px;
                 background-image: url(../img/page3/形状1.png);
                 @include box-type(26px,21px ,transparent );
                 span{
                    @include box-type(26px,21px ,transparent);
                 }
                 .iconfont{
                    font-family:"iconfont" !important;
                    font-size:16px;font-style:normal;
                    -webkit-font-smoothing: antialiased;
                    -webkit-text-stroke-width: 0.2px;
                    -moz-osx-font-smoothing: grayscale;}
             }
             }
           }
           .top-banner{
               background-image: url(../img/p1/ee7314461b78d4f3723ea4254019fcca.png);
               @include box-type(1000px,400px ,transparent )
           }
       }

    // hr.sp3{
    //     @include box-type(1000px,1px ,#b6daff )
    // }
    footer{
        display: flex;
        flex-direction: column;
        align-items: center;
        @include box-type(1000px,229px ,transparent ); 
        .footer-top{
            margin-top: 44px;
            margin-bottom: 24px;
            display: flex;
            @include box-type(901px,100px ,transparent );
            .footer-words{
                li{ font-size: 12px;
                  margin-bottom: 9px;
                }
                li:first-child{
                    font-size: 16px;
                    font-size: bold;
                    margin-bottom: 27px;
                }
            }
            .footer-words:first-child{
                margin-right: 55px;
            }
            .footer-words:nth-child(2){
                margin-right: 109px;
            }
            .footer-words:nth-child(3){
                margin-right: 53px;
            }
            .footer-right{
                margin-left: 63px;
                background-image: url(../img/p1/组1.png);
                @include box-type(284px,104px ,transparent );
               img{
                   @include box-type(100%,100% ,transparent )
               }
            }
        }
        .footer-bottom{
            display: flex;
            @include box-type(1000px,70px ,$bottom-blue );
            .copyright{
                @include box-type(298px,15px ,transparent );
                margin: 42px 353px 13px 350px;
                font-size: 12px;
            }
        }
     }  